<template>
<div>
    <input type="text" v-model="msg">
    <!-- 
        v-html以代码形式输出 相当于innerhtml
        v-text以文本的形式输出 相当于innertext
    
    -->
    <div v-html="msg"></div>
    <div v-text="msg"></div>
    <!-- v-once 被定义的元素只渲染一次，后面不会跟着数据的变化而变化 -->
    静态只执行一次: <div v-html="msg" v-once></div>
</div>
</template>


<script>
     export default {
        data(){
          return{
            msg: "<h2>我是h标签</h2>"
          }  
        },
        methods:{

        },
    }

</script>